<template>
  <div class="app-container">
    <aside>
      The guide page is useful for some people who entered the project for the first time. You can briefly introduce the
      features of the project. Demo is based on
      <a href="https://driver.employleague.cn" target="_blank">driver.js</a>
    </aside>
    <el-button icon="el-icon-question" type="primary" @click.prevent.stop="guide">
      Show Guide
    </el-button>
  </div>
</template>

<script setup>
import Driver from 'driver.js' // import driver.js
import 'driver.js/dist/driver.min.css' // import driver.js css
import steps from './steps'
import {onMounted} from "vue";

let driver = null;
onMounted(()=> {
  driver = new Driver();
})

const guide = () =>  {
  driver.defineSteps(steps)
  driver.start()
}
</script>

<style scoped>

</style>